/**
 * 2016/08/16
 */

$(document).ready(function() {

	// 动态标绘的滚动条
	$('.plot-list').mCustomScrollbar({
		scrollInertia: 200,
		mouseWheel: {
			scrollAmount: 400
		}
	});

	// 三维地图区全屏
	$('.map3d').click(function(event) {
		$(this).toggleClass('full-screen');
	});
	
	//显示二维下级菜单
	$(".mapF2DButton .btn5").click(function() {
		if($(".mapF2DDeleteButton").css("display") == "none") {
			$(".mapF2DDeleteButton").show();
		} else {
			$(".mapF2DDeleteButton").hide();
		}
	});
	// 搜索
	$('.search-box>form').submit(function(event) {
		// TODO: 地址查找，加载结果

		$('.search-result').slideDown();
		return false;
	});

	// 点击搜索框的叉号
	$('form>button').click(function(event) {
		// 当输入框有内容时，清除输入框内容，当输入框没有内容时，收起输入框
		if($('form>input').val() === '') {
			$('.search-result').slideUp(function() {
				$('.search').addClass('unexpanded');
			});
		}
	});

	// 点击搜索按钮
	$('.search-btn').click(function(event) {
		if($('form>input').val() === '') {
			$('.search').removeClass('unexpanded');
			return false;
		}

	});

	// 选择搜索结果项
	$('.result-list').on('click', '.list-item', function(event) {
		$(this).addClass('selected-item').siblings().removeClass('selected-item');
	});

	// 选中右侧工具栏中的工具
	$('.right-bar>.panel-controller').click(function(event) {
		if($(this).hasClass('selected-tool')) {
			return;
		}
		$('.' + $('.selected-tool').attr('data-panel') + '>.panel-title>.exit').click();
		$(this).addClass('selected-tool').siblings('.panel-controller').removeClass('selected-tool');
		$('.' + $(this).attr('data-panel')).animate({
			right: '70px'
		}, 400);
	});

	// 点击面板的退出按钮
	$('.map2d>.panel').on('click', '.exit', function(event) {
		var $panel = $(this).parent().parent();
		var rightValue = 60 - $panel.width();
		$('.panel-controller.' + $panel.attr('data-controller')).removeClass('selected-tool');
		$panel.animate({
			right: rightValue + 'px'
		}, 400);
	});

	// 动态标绘中选中效果
	$('.plot-item>img').click(function(event) {
		$(this).toggleClass('active').siblings().removeClass('active')
			.parent().siblings('.plot-item').children('img').removeClass('active');
	});

});